


<!doctype html>
<html class="no-js" lang="">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title>Appz - App Landing HTML5 Template </title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <link rel="manifest" href="site.webmanifest">
		<link rel="shortcut icon" type="image/x-icon" href="assets/img/favicon.png">
        <!-- Place favicon.ico in the root directory -->

		<!-- CSS here -->
        <link href="https://s3.pstatp.com/cdn/expire-1-M/twitter-bootstrap/5.0.0-alpha2/css/bootstrap.min.css" type="text/css" rel="stylesheet" />
        <link rel="stylesheet" href="assets/css/owl.carousel.min.css">
        <link rel="stylesheet" href="assets/css/animate.min.css">
        <link rel="stylesheet" href="assets/css/magnific-popup.css">
        <link rel="stylesheet" href="https://s1.pstatp.com/cdn/expire-1-M/font-awesome/5.15.2/css/all.min.css">
        <link rel="stylesheet" href="assets/css/themify-icons.css">
        <link rel="stylesheet" href="assets/css/meanmenu.css">
        <link rel="stylesheet" href="assets/css/slick.css">
        <link rel="stylesheet" href="assets/css/default.css">
        <link rel="stylesheet" href="assets/css/style.css">
        <link rel="stylesheet" href="assets/css/responsive.css">
    </head>
    <body>
<!-- HEADER START -->
<header>
    <div id="header-sticky" class="header-area transparent-header font-color pt-10 pb-10">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-xl-2 col-lg-2 col-md-4 col-10 d-flex align-items-center">
                    <div class="logo">
                        <a href="index.html"> <img src="assets/img/logo/home2WhiteLogo.png" alt=""> </a>
                    </div>
                </div>
                <div class="col-xl-10 col-lg-10 col-md-7 col-8 d-none d-md-block whitebg">
                    <div class="header-btn f-right d-none d-sm-none d-md-block">
                        <a href="login.html" class="btn"><i class="fal fa-lock-alt"></i>Sign In</a>
                    </div>
                    <div class="main-menu colormenu d-block">
                        <nav id="mobile-menu">
                            <ul>
                                <li><a href="index.html">Home</a>
                                    <ul class="submenu">
                                        <li><a href="index.html">Home Style 1</a></li>
                                        <li><a href="index2.html">Home Style 2</a> </li>
                                        <li><a href="index3.html">Home Style 3</a></li>
                                    </ul>
                                </li>
                                <li><a href="about.html">About us</a></li>
                                <li><a href="service.html">Service</a></li>
                                <li><a href="blog.html">Blog</a>
                                    <ul class="submenu">
                                        <li><a href="blog.html">Blog  Grid</a></li>
                                        <li><a href="blogclassic.html">Blog  Classic</a> </li>
                                        <li><a href="singleblog.html">Blog Single</a></li>
                                    </ul>
                                </li>
                                <li><a href="price.html">Priceing</a></li>
                                <li><a href="contact.html">Contact us</a></li>
                            </ul>
                        </nav>
                    </div>
                </div>
                <div class="col-2 col-md-1">
                    <div class="side-menu-icon d-lg-none text-end ">
                        <button class="side-toggle"><i class="far fa-bars text-white"></i></button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</header>
<!-- HEADER END -->

<div class="fix">
<div class="side-info">
    <button class="side-info-close"><i class="fal fa-times"></i></button>
    <div class="side-info-content">
        <div class="mobile-menu"></div>
    </div>
</div>
</div>
<div class="offcanvas-overlay"></div>

<!-- page title start  -->
<section class="page__title  fix text-center">
    <div class="slider__shape">
        <img class="shape triangle" src="assets/img/aboutpage/topElips.png" alt="topshape">
        <img class="shape dotted-square" src="assets/img/aboutpage/rightElips.png" alt="rightshape">
        <img class="shape solid-square" src="assets/img/aboutpage/circleElips.png" alt="solid-square">
    </div>
    <div class="container">
        <div class="row">
            <div class="col-xl-12">
                <div class="page__title-content pt-235">
                    <h2 class="page_title">Our Service . Details  </h2>
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb">
                          <li  class="breadcrumb-item"><a href="index.html">Home - Service</a></li>
                        </ol>
                      </nav>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- page title end  -->

<!-- === HOME-2 USER EXPERIENCE AREA START  === -->
<div class="experience_area">
    <div class="section_title_wrapper text-center mb-70 mt-50">
        <h2 class="section-title">About Security Features Stunning <br> Design,Powerful User Experience.</h2>
    </div>
    <div class="container">
        <div class="row">
            <div class="col-xl-4 col-lg-4 col-md-4">
                <div class="service service_page">
                    <div class="service__icon servicepageIcon sbg1">
                        <img src="assets/img/service-page/icon1.png" alt="service_image"/>
                    </div>
                    <div class="service__content servicecontent">
                        <h4>Backup Database</h4>
                        <p>The little rotter bevvy I gormless <br>mush golly gosh cras.</p>
                    </div>
                </div>
            </div>
            <div class="col-xl-4 col-lg-4 col-md-4">
                <div class="service service_page">
                    <div class="service__icon servicepageIcon sbg2">
                        <img src="assets/img/service-page/icon2.png" alt="service_image"/>
                    </div>
                    <div class="service__content servicecontent">
                        <h4>Server Maintenance</h4>
                        <p>The little rotter bevvy I gormless <br>mush golly gosh cras.</p>
                    </div>
                </div>
            </div>
            <div class="col-xl-4 col-lg-4 col-md-4">
                <div class="service service_page">
                    <div class="service__icon servicepageIcon sbg3">
                        <img src="assets/img/service-page/icon3.png" alt="service_image"/>
                    </div>
                    <div class="service__content servicecontent">
                        <h4>Security Maintenance</h4>
                        <p>The little rotter bevvy I gormless <br>mush golly gosh cras.</p>
                    </div>
                </div>
            </div>
            <div class="col-xl-4 col-lg-4 col-md-4">
                <div class="service service_page">
                    <div class="service__icon servicepageIcon sbg4">
                        <img src="assets/img/service-page/icon4.png" alt="service_image"/>
                    </div>
                    <div class="service__content servicecontent">
                        <h4>Clients Feedback</h4>
                        <p>The little rotter bevvy I gormless <br>mush golly gosh cras.</p>
                    </div>
                </div>
            </div>
            <div class="col-xl-4 col-lg-4 col-md-4">
                <div class="service service_page">
                    <div class="service__icon servicepageIcon sbg5">
                        <img src="assets/img/service-page/icon5.png" alt="service_image"/>
                    </div>
                    <div class="service__content servicecontent">
                        <h4>No Risk Protectable</h4>
                        <p>The little rotter bevvy I gormless <br>mush golly gosh cras.</p>
                    </div>
                </div>
            </div>
            <div class="col-xl-4 col-lg-4 col-md-4">
                <div class="service service_page">
                    <div class="service__icon servicepageIcon sbg6">
                        <img src="assets/img/service-page/icon6.png" alt="service_image"/>
                    </div>
                    <div class="service__content servicecontent">
                        <h4>Cost Flexibility</h4>
                        <p>The little rotter bevvy I gormless <br>mush golly gosh cras.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- === HOME-2 USER EXPERIENCE AREA END  === -->


<!-- development-platform start  -->
<div class="tab-area pt-180 mb-200">
    <div class="container">
        <div class="section_title_wrapper mb-60">
            <h2 class="section-title service-padding">Dedicated app <br>development platform</h2>
            <p>We take great pride in the quality of our<br> content. Our writers create original content that is free of ethical<br> concerns.</p>
        </div>
            <div class="row">
                <div class="col-xl-4 col-lg-4">
                        <div class="tab-menu">
                            <div class="nav flex-column nav-pills me-3" id="v-pills-tab" role="tablist" aria-orientation="vertical">
                                <button class="nav-link active" id="v-pills-home-tab" data-bs-toggle="pill" data-bs-target="#tab1" type="button" role="tab"  aria-selected="true"><i class="fal fa-lightbulb"></i>Creative Ideas</button>
                                <button class="nav-link" id="v-pills-profile-tab" data-bs-toggle="pill" data-bs-target="#tab2" type="button" role="tab"   aria-selected="false"><i class="fal fa-key"></i>Innovative Ideas</button>
                                <button class="nav-link" id="v-pills-messages-tab" data-bs-toggle="pill" data-bs-target="#tab3" type="button" role="tab"   aria-selected="false"><i class="fal fa-lock-alt"></i>Secure Planing</button>
                              </div>
                        </div>
                </div>
                <div class="col-xl-8 col-lg-12 d-none d-lg-block">
                    <div class="tab-item pt-100">
                        <div class="tab-content" id="v-pills-tabContent">
                            <div class="tab-pane fade show active" id="tab1" role="tabpanel" aria-labelledby="v-pills-home-tab">
                                <div class="tab_contentt d-md-none d-lg-block">
                                    <img class="bigshape" src="assets/img/service-page/shapeBig.png" alt="shape"/>
                                    <img class="mobilesmall" src="assets/img/service-page/mobileIcon.png" alt="shape"/>
                                    <img class="mobilebig" src="assets/img/service-page/mobile2.png" alt="shape"/>
                                </div>
                            </div>
                            <div class="tab-pane fade" id="tab2" role="tabpanel">
                                <div class="tab-pane fade show active" role="tabpanel" aria-labelledby="v-pills-home-tab">
                                    <div class="tab_contentt d-md-none d-lg-block">
                                        <img class="bigshape" src="assets/img/service-page/shapeBig.png" alt="shape"/>
                                        <img class="mobilesmall" src="assets/img/service-page/mobileIcon.png" alt="shape"/>
                                        <img class="mobilebig" src="assets/img/service-page/mobile2.png" alt="shape"/>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane fade" id="tab3" role="tabpanel" >
                                <div class="tab-pane fade show active" role="tabpanel" aria-labelledby="v-pills-home-tab">
                                    <div class="tab_contentt d-md-none d-lg-block">
                                        <img class="bigshape" src="assets/img/service-page/shapeBig.png" alt="shape"/>
                                        <img class="mobilesmall" src="assets/img/service-page/mobileIcon.png" alt="shape"/>
                                        <img class="mobilebig" src="assets/img/service-page/mobile2.png" alt="shape"/>
                                    </div>
                                </div>
                            </div>
                          </div>
                    </div>
                </div>
            </div>
        </div>
</div>
<!-- APP DETAILS START -->
<div class="app_details mb-100">
    <div class="container">
        <div class="row">
            <div class="col-xl-6 col-lg-6 col-lg-6 col-md-6 d-none d-sm-block">
                <div class="details_image wow zoomIn leftImag pt-80 f-left" data-wow-delay=".3s" style="visibility: visible; animation-delay: 0.2s; animation-name: zoomIn;">
                    <img src="assets/img/fetures/mockup.png" alt="blogshape"/>
                </div>
            </div>
            <div class="col-xl-6 col-lg-6 col-md-6 pl--50">
                <div class="details_content pb-70 pt-120">
                    <h2 class="section-title">A new way to manage your work, tasks and projects.</h2>
                </div>
                <div class="row">
                    <div class="col-xl-6 col-lg-6 col-md-6">
                        <div class="feature3">
                            <div class="feature3__image">
                                <img class="pb-30" src="assets/img/service/s7.png" alt="details"/>
                            </div>
                            <div class="feature3__content">
                                <h4 class="content_title">Security Maintenance</h4>
                                <p>The little rotter bevvy I gormless  mush golly gosh cras.</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-6 col-lg-6 col-md-6">
                        <div class="feature3">
                            <div class="feature3__image febg1">
                                <img class="pb-30" src="assets/img/fetures/s2.png" alt="details"/>
                            </div>
                            <div class="feature3__content">
                                <h4 class="content_title">Backup Database</h4>
                                <p>The little rotter bevvy I gormless  mush golly gosh cras.</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-6 col-lg-6 col-md-6">
                        <div class="feature3">
                            <div class="feature3__image febg2">
                                <img class="pb-30" src="assets/img/fetures/s3.png" alt="details"/>
                            </div>
                            <div class="feature3__content">
                                <h4 class="content_title">Server Maintenance</h4>
                                <p>The little rotter bevvy I gormless  mush golly gosh cras.</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-6 col-lg-6 col-md-6">
                        <div class="feature3">
                            <div class="feature3__image febg3">
                                <img class="pb-30" src="assets/img/fetures/s4.png" alt="details"/>
                            </div>
                            <div class="feature3__content">
                                <h4 class="content_title">No Risk Protectable</h4>
                                <p>The little rotter bevvy I gormless  mush golly gosh cras.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- APP DETAILS END -->
<!-- development-platform end  -->

<!-- FOOTER START -->
<div class="footer-area padding-remove">
    <div class="container">
        <div class="row">
            <div class="col-xl-2 col-lg-2 col-md-4">
                <div class="footer_logo">
                    <img src="assets/img/logo/logo.png" alt="logo"/>
                </div>
            </div>
            <div class="col-xl-2 col-lg-2 col-md-4">
                <div class="footer_widget_design wow  fadeInUp"  data-wow-duration="2s" data-wow-delay=".2s">
                    <div class="link_heading">
                        <h3 class="link_heading">Useful Links</h3>
                    </div>
                    <div class="links">
                        <ul>
                            <li><a href="index.html">Home </a></li>
                            <li><a href="about.html">About</a></li>
                            <li><a href="service.html">Service</a></li>
                            <li><a href="blog.html">Blog</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="col-xl-2 col-lg-2 col-md-4">
                <div class="footer_widget_design wow  fadeInUp"  data-wow-duration="2s" data-wow-delay=".2s">
                    <div class="link_heading">
                        <h3 class="link_heading">Resources</h3>
                    </div>
                    <div class="links">
                        <ul>
                            <li><a href="service.html">Project</a></li>
                            <li><a href="about.html">About</a></li>
                            <li><a href="contact.html">Help</a></li>
                            <li><a href="about.html">Privacy</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="col-xl-3 col-lg-3 col-md-4">
                <div class="footer_widget_design fixwidth wow  fadeInUp"  data-wow-duration="2s" data-wow-delay=".2s">
                    <div class="link_heading">
                        <h3 class="link_heading">Service</h3>
                    </div>
                    <div class="links">
                        <ul>
                            <li><a href="service.html">Managed IT</a></li>
                            <li><a class="itsupport" href="service.html">IT Support </a></li>
                            <li><a href="service.html">Cecurity</a></li>
                            <li><a href="contact.html">FAQ’s </a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="col-xl-3 col-lg-2 col-md-4">
                <div class="footer_widget_design wow  fadeInUp"  data-wow-duration="2s" data-wow-delay=".2s">
                    <div class="link_heading">
                        <h3 class="link_heading linkspecail">Office Location</h3>
                    </div>
                    <div class="links special_widget_tp">
                        <ul>
                            <li><a href="contact.html"><i class="far fa-map-marker-alt"></i><span class="tp-spaceing">99, Kazi Nazrul Islam Avenue (Dhaka Trade Centre - 5th Floor) Kawran Bazar, Dhaka-1215.</span></a></li>
                            <li><a href="tel:+8801821243622"><i class="fad fa-phone-alt"></i>+880 1821 243 622</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer_bottom pt-60 pb-15">
        <div class="container tp-border">
            <div class="row align-items-center">
                <div class="col-xl-6 col-lg-6 col-md-6">
                    <div class="copyright_text pt-20">
                        <p>@ 2021 All Copyright Reserved. Design by <span>Theme_Pure</span></p>
                    </div>
                </div>
                <div class="col-xl-6 col-lg-6 col-md-6">
                    <div class="footer_social f-right">
                        <span>Follow us</span>
                        <a href="#"><i class="fab fa-twitter"></i></a>
                        <a href="#"><i class="fab fa-pinterest-p"></i></a>
                        <a href="#"><i class="fab fa-vimeo-v"></i></a>
                        <a href="#"><i class="fab fa-facebook-f"></i></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- FOOTER END -->

		<!-- JS here -->
        <script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
        <script src="assets/js/bootstrap.min.js"></script>
        <script src="assets/js/owl.carousel.min.js"></script>
        <script src="assets/js/isotope.pkgd.min.js"></script>
        <script src="assets/js/one-page-nav-min.js"></script>
        <script src="assets/js/slick.min.js"></script>
        <script src="assets/js/jquery.meanmenu.min.js"></script>
        <script src="assets/js/ajax-form.js"></script>
        <script src="assets/js/wow.min.js"></script>
        <script src="assets/js/jquery.scrollUp.min.js"></script>
        <script src="assets/js/imagesloaded.pkgd.min.js"></script>
        <script src="assets/js/jquery.magnific-popup.min.js"></script>
        <script src="assets/js/plugins.js"></script>
        <script src="assets/js/main.js"></script>
    </body>
</html>